page{
    background-color: rgb(243, 233, 233);
}
.user {
    .islogin_style {
        width: 100%;
        height: 45vh;
        position: relative;
        overflow: hidden;

        .backImg {
            width: 100%;
            height: 100%;
            filter: blur(3px);
        }

        .username {
            position: absolute;
            left: 50%;
            top: 20%;
            transform: translateX(-50%);

            .headerImg {
                width: 150rpx;
                height: 150rpx;
                border-radius: 50%;
            }

            .name {
                margin-top: 20rpx;
                text-align: center;
                font-size: 30rpx;
                color: white;
            }
        }

    }

    .no_login {
        height: 45vh;
        background-color: var(--themeColor);

        navigator {
            position: absolute;
            left: 50%;
            top: 20%;
            transform: translateX(-50%);
            border: 1rpx solid white;
            color: white;
            padding: 10rpx 20rpx;
        }
    }

    .user_content {
        position: relative;
        .user_main {
            position: absolute;
            top: -50rpx;
            width: 90%;
            left: 5%;

            
            .history_num {
                border-radius: 20rpx ;
                padding: 20rpx;
                display: flex;
                justify-content: space-between;
                background-color: white;
                .history_desc {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    
                    .num {
                        color: var(--themeColor);
                    }
                }
            }
            
            
            .order {
                margin-top: 20rpx;
                border-radius: 20rpx ;
                padding: 20rpx;
                background-color: white;
                .order_name{
                    padding: 20rpx 0;
                    border-bottom: 1rpx solid #ccc;
                }
                .order_group {
                    margin-top: 20rpx;
                    display: flex;
                    justify-content: space-between;
                    .order_in_item {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: space-between;
                    }
                    
                    .iconfont {
                        color: var(--themeColor);
                    }

                    .info {}
                }
            }
            .address_wrap{
                margin-top: 20rpx;
                background-color: white;
                padding: 15rpx;
                border-radius: 10rpx;
            }
            .app_info{
                margin-top: 10rpx;
                .app_info_item{
                    margin-top: 2rpx;
                    background-color: white;
                    padding: 15rpx;
                    border-radius: 10rpx;
                }
            }
        }
    }
}